.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*{ margin: 0; padding: 0;}

html{ overflow:scroll;}
html, body {
height: 100%;

}
body{
				background-color: black;
				
			}
							div.boton1{
				background-image: url("");
				background-color: blue;
				border:1px solid green;
				border-radius:5px;
				margin-left: 220px;
				margin-top: 145px;
				padding: 5px;
				position:absolute;
				bottom:600;
				text-decoration:none;
				z-index:4;
				color:white;
				opacity:0.65;
				visibility:hidden;
				-moz-transition-duration:0.5s;
				-webkit-transition-duration:0.5s;
				text-align:center;
				
			}
						div.boton2{
				background-image: url("");
				background-color: blue;
				border:1px solid green;
				border-radius:5px;
				margin-left: 220px;
				margin-top: 145px;
				padding: 5px;
				position:absolute;
				bottom:600;
				text-decoration:none;
				z-index:4;
				visibility:hidden;
				color:white;
				opacity:0.65;
				-moz-transition-duration:0.5s;
				-webkit-transition-duration:0.5s;
				text-align:center;
				
			}
			div.boton3{
				background-image: url("");
				background-color: blue;
				border:1px solid green;
				border-radius:5px;
				margin-left: 220px;
				margin-top: 145px;
				padding: 5px;
				position:absolute;
				bottom:600;
				visibility:hidden;
				text-decoration:none;
				z-index:4;
				color:white;
				opacity:0.65;
				-moz-transition-duration:0.5s;
				-webkit-transition-duration:0.5s;
				text-align:center;
				
			}
			div.boton4{
				background-image: url("");
				background-color: blue;
				border:1px solid green;
				border-radius:5px;
				margin-left: 220px;
				margin-top: 145px;
				padding: 5px;
				visibility:visible;
				position:absolute;
				bottom:600;
				text-decoration:none;
				z-index:4;
				color:white;
				opacity:0.65;
				-moz-transition-duration:0.5s;
				-webkit-transition-duration:0.5s;
				text-align:center;
				
			}
	div.boton1:hover{
				opacity:1;
				-moz-transition-duration:1s;
				-webkit-transition-duration:1s;
				color:white;
			}	div.boton2:hover{
				opacity:1;
				-moz-transition-duration:1s;
				-webkit-transition-duration:1s;
				color:white;
			}	div.boton3:hover{
				opacity:1;
				-moz-transition-duration:1s;
				-webkit-transition-duration:1s;
				color:white;
			}
			div.boton4:hover{
				opacity:1;
				-moz-transition-duration:1s;
				-webkit-transition-duration:1s;
				color:white;
			}
			div.descripcionfondo{
				opacity:0.8;
				background-color:black;
				width:300px;
				height:80px;
				z-index:2;
				color:white;
				bottom:0;
				margin-top:155px;
				position:absolute;
			}
			div.descripcion{
				background-color:transparent;
				text-align:left;
				color:white;
				z-index:10;
				width:210px;
				overflow-y: hidden;
								visibility:visible;

                overflow-x: auto;
                font-size:10px;
                box-sizing:border-box;
                outline:none;
                word-wrap: break-word;
				height:800px;
				margin-top:145px;
				padding:7px;
				position:absolute;
			}
  			div.fondoslide{
  				width:300;
  				height:208px;
  				overflow:hidden;
  				direction:1tr;
  				position:absolute;
  				top:0px;
  				
  			}
			div.imagen1{
				width:auto;
				top:0;
				height:auto;
				direction:ltr;
				width:300px;
				height:208px;
				background-color: blue;
				background-image:url("http://i40.tinypic.com/24c60i9.jpg");
				visibility:hidden; /*hidden ocultar; visible mostrar*/
				position:absolute; /*absolute ocultar; relative mostrar*/
				
			}
			div.imagen2{
				width:auto;
				height:auto;
				width:300px;
				height:208px;
				top:0;
				position:absolute; /*absolute ocultar; relative mostrar*/
				background-image:url("http://i43.tinypic.com/287ogut.png");
				visibility:hidden; /*hidden ocultar; visible mostrar*/
				direction:ltr;
				
			}
			div.imagen3{
				width:auto;
				height:auto;
				width:300px;
				height:208px;
				top:0;
				position:absolute; /*absolute ocultar; relative mostrar*/
				background-image:url("http://i43.tinypic.com/287ogut.png");
				visibility:hidden; /*hidden ocultar; visible mostrar*/
				direction:ltr;
				
			}
			div.imagen4{
				width:auto;
				height:auto;
				width:300px;
				height:208px;
				top:0;
				position:relative; /*absolute ocultar; relative mostrar*/
				background-image:url("http://i43.tinypic.com/287ogut.png");
				visibility:visible; /*hidden ocultar; visible mostrar*/
				direction:ltr;
				
				
			}
		div#descripcion1:after{
				content:"desc 1fgdfddfdffffgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggf";
				visibility:hidden;
			}
			div#descripcion2:after{
				content:"desc 2";
				visibility:hidden;

			}
			div#descripcion3:after{
				visibility:hidden;
				content:"desc 3";

				}
			div#descripcion4:after{
				content:"desc 4";
				visibility:visible;

			}	
			div#botonslide0{
				width:5px;
				height:5px;
				border:1px solid yellow;
				background-color:yellow;
				border-radius:10px;
				top:20;
				left:70px;
				position:absolute;
				z-index:5;
				display: block;
				
			}
				div#botonslide1{
				width:5px;
				height:5px;
				border:1px solid yellow;
				background-color:yellow;
				border-radius:10px;
				top:20;
				left:120px;
				position:absolute;
				z-index:5;

				}
					div#botonslide2{
				width:5px;
				height:5px;
				border:1px solid yellow;
				background-color:yellow;
				border-radius:10px;
				top:20;
				left:170px;
				position:absolute;

				z-index:5;
				
				}
					div#botonslide3{
				width:5px;
				height:5px;
				border:1px solid yellow;
				background-color:yellow;
				border-radius:10px;
				top:20;
				left:220px;
				position:absolute;

				z-index:5;}
								.desc1:after{
					content:'Titulo 2';
					margin-left:5px;
					z-index:3;
					position:absolute;
					width:400px;
					height:400px;
					top:125px;
					font-size:25px;
					color:white;
					visibility:hidden;
				}
				.desc0:after{
					content:'Titulo 1';
					margin-left:5px;
					z-index:3;
					position:absolute;
					width:400px;
					height:400px;
					top:125px;
					font-size:25px;
					color:white;
					visibility:hidden;
				}
				.desc2:after{
					content:'Titulo 3';
					margin-left:5px;
					z-index:3;
					position:absolute;
					width:400px;
					height:400px;
					top:125px;
					font-size:25px;
					color:white;
					visibility:hidden;
				}
				.desc3:after{
					content:'Titulo 4';
					margin-left:5px;
					z-index:3;
					position:absolute;
					width:400px;
					height:400px;
					top:125px;
					font-size:25px;
					color:white;
					visibility:visible;
				}
